<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/static/css/index.css" rel="stylesheet">
<title>考勤详情</title>
</head>
<body>

<div class="inner-title">
	<h3 class="fn f14"><img src="/static/images/icon-1.png" alt="" /> 考勤详情</h3>
</div>

<div class="inner-cont">
	<div class="bgf2 creat-wrap">
			<div align="right">
				<button type="button" onclick="getAttendanceRecordByUidToExcel();" class="creat-btn cf">导出数据</button>
			</div>
	</div>
	
	<div class="mt30">
		<table border="0"class="table">
			<tr >

			<td  width="150">日期</td>
			<td  width="500">上班打卡时间</td>
			<td  width="150">上班打卡状态</td>
			<td  width="500">下班打卡时间</td>
			<td  width="150">下班打卡状态</td>
			<td  width="74">是否是工作日</td>
		</tr>
		<tr th:each="a:${arr}">
			<td th:text="${a.date}" />
			<td th:text="${a.timeToClockIn}" />
			<td th:text="${a.clockInStatus}" />
			<td th:text="${a.timeToPunchOut}" />
			<td th:text="${a.toPunchOutStatus}" />
			<td th:if="${a.isWorkDay} eq 'y'">是</td>
			<td th:if="${a.isWorkDay} eq 'n'">否</td>
		</tr>
			
			<tbody id="table">
			</tbody>
		</table>
		<div align="center" style="font-size: 18px; color: gray" id="page">

		</div>
	</div>
	
</div>







<script src="/static/js/jquery.js" type="text/javascript"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

<script type="text/javascript">
function getAttendanceRecordByUidToExcel() {
	var y=[[${arr[0].y}]];
	var m=[[${arr[0].m}]];
	var uid=[[${arr[0].uid}]];
	location.href="/web/getAttendanceRecordByUidToExcel/"+uid+"/"+y+"/"+m;
}
	
</script>
</body>
</html>